*{
	padding: 0;
	margin:0;
}
.clearfix:after{
	content: '';
	display: table;
	clear:both;
}
.clearfix{
	*zoom:1;
}
#header{
		background: #ccc;
		height: 200px;
		width: 100%;
}

#container{
	width: 1028px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	.container-left{
		width: 300px;
		float: left;
		#left-side{
			width: 300px;
			height: 300px;
			background: #f00;
		}
	}
	.container-right{
		width: 700px;
		height: 1000px;
		float:right;
		background: #ff0;
	}
}

#footer{
		width: 100%;
		height: 500px;
		background: #cc0;
}
